<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>营销官网首页</title>
		<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/Swiper/4.4.6/css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="css/market_index.css" />
	</head>

	<body>
		<div class="mar_wrap">
			<div class="mar_header">
				<div class="mar_header_center">
					<div class="header_logo">
						<img src="img/kefu_icon.png" / class="kefu">
						<a href="tel:400-000-9900">400-000-9900</a>
						<a href="index.html"><img src="img/header_logo.png" / class="logoimg"></a>
					</div>
					<div class="header_right">
						<div class="kehu_zhaoshang">
							<img src="img/kehuduan_icon.png" />&nbsp;客户端下载
							<img src="img/zhaoshang_icon.png" />&nbsp;招商加盟
							<span class="right_login">登录</span><span class="right_register">注册</span>
						</div>
						<div class="header_item">
							<span class="brief_hover"><a href="./ssbrief.html#1">松鼠AI简介</a>
								<div class="brief_hover_items">
									<div class="brief_hover_item"><a href="./ssbrief.html#1">学习方法</a></div>
									<div class="brief_hover_item"><a href="./ssbrief.html#2">师资力量</a></div>
									<div class="brief_hover_item"><a href="./ssbrief.html#3">课程体系</a></div>
								</div>
							</span>
							<span>知识点宝典</span>
							<span>知识点精讲课</span>
							<span>中考咨询讲座</span>
							<span>名师公开课</span>
							<span>限免试听课</span>
						</div>
					</div>
				</div>
			</div>
			<div style="width: 100%;height: 113px;"></div>
			<div class="swiper_tol">
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<div class="swi_img"></div>
						</div>
						<div class="swiper-slide">
							<div class="swi_img"></div>
						</div>
						<div class="swiper-slide">
							<div class="swi_img"></div>
						</div>
					</div>
					<div class="swiper-pagination"></div>
					<!--<div class="swiper-button-prev"></div>
					<div class="swiper-button-next"></div>-->
				</div>
			</div>
			<div class="zsd_bg">
				<div class="zsd_bg_center">
					<div class="zsd_girlimg">
						<img src="img/zsd_girl.png"/>
					</div>
					<div class="zsd_wrap">
						<div class="zsdbd">知识点宝典</div>
						<div class="white_1"><img src="img/white_1.png" /></div>
						<div class="tflq">提分利器&nbsp;&nbsp;&nbsp;&nbsp;攻克难点</div>
						<div class="zsd_ms">数10位名师提炼,数10年教学精华浓缩</div>
						<div class="get_btn">马上获取</div>
					</div>
				</div>

			</div>
			<div class="free_video">
				<div class="free_video_left">
					<div class="free_video_leftone">
						知识点精讲课
					</div>
					<div class="free_video_leftimgline">
						<img src="img/blue_1.png" />
					</div>
					<div class="free_video_lefttwo">
						挑选优秀名师解析
					</div>
					<div class="free_video_leftimgtrue">
						<div class="free_video_leftimgtrueitem">
							<div class="nike_img"><img src="img/nike.png"/></div>
							<div>名校师资</div>
						</div>
						<div class="free_video_leftimgtrueitem">
							<div class="nike_img"><img src="img/nike.png"/></div>
							<div>教学研发</div>
						</div>
						<div class="free_video_leftimgtrueitem">
							<div class="nike_img"><img src="img/nike.png"/></div>
							<div>丰富实战经验</div>
						</div>
						<div class="free_video_leftimgtrueitem">
							<div class="nike_img"><img src="img/nike.png"/></div>
							<div>教学质量</div>
						</div>
					</div>
					<div class="free_class">
						免费上课
					</div>
				</div>
				<div class="free_video_right">
					<div class="video_icon">
						<img src="img/video_icon.png" />
					</div>
				</div>
			</div>
			<div class="zhongkao_speak">
				<div class="zhongkao_speak_left">
					<img src="img/picture_5_left.png"/>
				</div>
				<div class="zhongkao_speak_wrap">
					<div class="zhongkao_speak_wrap_one">
						中考资讯讲座
					</div>
					<div class="zhongkao_speak_wrapimgline">
						<img src="img/white_2.png" />
					</div>
					<div class="zhongkao_speak_wrap_two">
						针对考题透彻分析
					</div>
					<div class="zhongkao_speak_btn">
						免费参加
					</div>
				</div>
				<div class="zhongkao_speak_right">
					<img src="img/picture_5_right.png"/>
				</div>
			</div>
			<div class="teacher_class">
				<div class="teacher_class_left">
					<div class="teacher_class_leftone">名师公开课</div>
					<div class="teacher_class_left_img">
						<img src="img/blue_2.png" />
					</div>
					<div class="teacher_class_lefttwo">
						语数英物理化学齐全
					</div>
					<div class="teacher_class_free">
						免费上课
					</div>
				</div>
				<div class="teacher_class_right">
					<img src="img/teather_intro.png" />
				</div>
			</div>
		</div>
		<div class="fixed_footer">
			<div class="fixed_footer_center">
				<div class="fixed_footer_left">
					<div class="fixed_footer_logo">
						<img src="img/header_logo.png" />
					</div>
					<div class="fixed_footer_freeget">免费领取价值<span>388元</span>试听课</div>
				</div>
				<div class="fixed_footer_inout">
					<input type="text" placeholder="请输入您的手机号" /><span>立即领取</span>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
		<script type="text/javascript" src="https://cdn.bootcss.com/Swiper/4.4.6/js/swiper.min.js"></script>
		<script type="text/javascript">
			$('.right_login').css({
				'background-color': '#FFFFFF',
				'color': '#2980ff'
			});
			$(document).ready(function() {
				// 轮播图
				var mySwiper = new Swiper('.swiper-container', {
					loop: true, // 循环模式选项

					// 如果需要分页器
					pagination: {
						el: '.swiper-pagination',
					},

					// 如果需要前进后退按钮
					navigation: {
						nextEl: '.swiper-button-next',
						prevEl: '.swiper-button-prev',
					},
					//					autoplay:true,
				})
			})
		</script>
	</body>

</html>